
<!-- pre loader area start -->
<div id="loading">
   <div id="loading-center">
      <div id="loading-center-absolute">
         <div class="object" id="object_four"></div>
         <div class="object" id="object_three"></div>
         <div class="object" id="object_two"></div>
         <div class="object" id="object_one"></div>
      </div>
   </div>
</div>
<!-- pre loader area end -->


<!-- back to top start -->
<div class="back-to-top-wrapper">
   <button id="back_to_top" type="button" class="back-to-top-btn">
      <svg width="12" height="7" viewBox="0 0 12 7" fill="none" xmlns="http://www.w3.org/2000/svg">
         <path d="M11 6L6 1L1 6" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
      </svg>
   </button>
</div>
<!-- back to top end -->

<!-- search popup start -->
   <div class="search__popup">
      <div class="container">
         <div class="row">
            <div class="col-xxl-12">
               <div class="search__wrapper">
                  <div class="search__top d-flex justify-content-between align-items-center">
                     <div class="search__logo">
                        <a href="home-main.html">
                           <img src="/assets/img/logo/footer-logo.png" alt="logo">
                        </a>
                     </div>
                     <div class="search__close">
                        <button type="button" class="search__close-btn search-close-btn">
                           <svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
                              <path d="M17 1L1 17" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
                              <path d="M1 1L17 17" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
                           </svg>
                        </button>
                     </div>
                  </div>
                  <div class="search__form">
                     <form action="#">
                        <div class="search__input">
                           <input class="search-input-field" type="text" placeholder="Type here to search...">
                           <span class="search-focus-border"></span>
                           <button type="submit">
                              <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
                                 <path d="M9.55 18.1C14.272 18.1 18.1 14.272 18.1 9.55C18.1 4.82797 14.272 1 9.55 1C4.82797 1 1 4.82797 1 9.55C1 14.272 4.82797 18.1 9.55 18.1Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
                                 <path d="M19.0002 19.0002L17.2002 17.2002" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
                              </svg>
                           </button>
                        </div>
                     </form>
                  </div>
               </div>
            </div>
         </div>
      </div>
   </div>
   <div class="search-popup-overlay"></div>
<!-- search popup end -->

<!-- offcanvas area start -->
   <div class="offcanvas__area">
      <div class="offcanvas__wrapper">
         <div class="offcanvas__close">
            <button class="offcanvas__close-btn offcanvas-close-btn">
               <svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <path d="M11 1L1 11" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
                  <path d="M1 1L11 11" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
               </svg>
            </button>
         </div>
         <div class="offcanvas__content">
            <div class="offcanvas__top mb-50 d-flex justify-content-between align-items-center">
               <div class="offcanvas__logo logo">
                  <a href="<%= web_homepages_path %>">
                     <img src="<%= @company.logo_url %>" alt="logo" style="width: 50px;">
                  </a>
               </div>
            </div>
            <div class="mobile-menu fix d-lg-none"></div>
            <div class="tp-mobile-menu-pos"></div>
            <div class="offcanvas__popup">
               <p><%= @company.brief %></p>
               <div class="offcanvas__popup-gallery">
                  <h4 class="offcanvas__title">工程案例</h4>
                  <% @technical_cores.each do |technical_core| %>
                     <a class="popup-image" href="<%= technical_core.img_url %>">
                        <img src="<%= technical_core.img_url %>" alt="">
                     </a>
                  <% end %>
               </div>
            </div>
            <div class="offcanvas__contact">
               <h4 class="offcanvas__title">联系我们</h4>
               <div class="offcanvas__contact-content d-flex">
                  <div class="offcanvas__contact-content-icon">
                     <i class="fa-sharp fa-solid fa-location-dot"></i>
                  </div>
                  <div class="offcanvas__contact-content-content">
                     <!-- <a href="https://www.google.com/maps/search/86+Road+Broklyn+Street,+600+New+York,+USA/@40.6897806,-74.0278086,12z/data=!3m1!4b1"><%= @company.address %></a> -->
                     <a href="javascript:void(0)"><%= @company.address %></a>
                  </div>
               </div>
               <div class="offcanvas__contact-content d-flex">
                  <div class="offcanvas__contact-content-icon">
                     <i class="fa-solid fa-envelope"></i>
                  </div>
                  <div class="offcanvas__contact-content-content">
                     <a href="mailto: <%= @company.e_mail %> "> <%= @company.e_mail %>  </a>
                  </div>
               </div>
               <div class="offcanvas__contact-content d-flex">
                  <div class="offcanvas__contact-content-icon">
                     <i class="fa-solid fa-phone"></i>
                  </div>
                  <div class="offcanvas__contact-content-content">
                     <a href="tel:<%= @company.phone %>"> <%= @company.phone&.html_safe %> </a>
                  </div>
               </div>
            </div>
            <!-- <div class="offcanvas__social">
               <a class="icon facebook" href="#"><i class="fab fa-facebook-f"></i></a>
               <a class="icon twitter" href="#"><i class="fab fa-twitter"></i></a>
               <a class="icon youtube" href="#"><i class="fab fa-youtube"></i></a>
               <a class="icon linkedin" href="#"><i class="fab fa-linkedin"></i></a>
            </div> -->
         </div>
      </div>
   </div>
   <div class="body-overlay"></div>
<!-- offcanvas area end -->

<!-- header area start -->
<header class="tp-header-area tp-header-height p-relative" style="height: 167px;">
  <div class="tp-header-top tp-header-space d-none d-xl-block">
     <div class="container-fluid">
        <div class="row align-items-center">
           <div class="col-xxl-6 col-xl-8">
              <div class="tp-header-top-info">
                 <ul>
                    <li>
                       <a href="javascript:void(0)" ><span><i class="fa-sharp fa-solid fa-location-dot"></i></span><%= @company.address %></a>
                    </li>
                    <li>
                       <a href="mailto:<%= @company.e_mail %>"><span><i class="fa-solid fa-envelope"></i></span><%= @company.e_mail %></a>
                    </li>
                    <li>
                       <!-- <div class="tp-header-lang-wrapper d-flex align-items-center">
                          <div class="tp-header-lang-img">
                             🇨🇳
                             <img src="/assets/img/logo/logo-lang.png" alt="">
                          </div>
                          <div class="tp-header-lang">
                             <span class="tp-header-lang-selected-lang tp-lang-toggle" id="tp-header-lang-toggle">中文</span>
                             <ul class="tp-header-lang-list tp-lang-list">
                                <li>English</li>
                             </ul>
                          </div>
                       </div> -->
                    </li>
                 </ul>
              </div>
           </div>
           <div class="col-xxl-6 col-xl-4">
              <div class="tp-header-top-right d-flex justify-content-end align-items-center">
                 <div class="header-call">
                    <a href="tel:<%= @company.phone %>"><i class="fa-solid fa-phone"></i><%= @company.phone&.html_safe %></a>
                 </div>
                 <!-- <div class="header-social d-xxl-block d-none">
                    <a href="#"><i class="fa-brands fa-facebook"></i> Facebook</a>
                    <a href="#"><i class="fa-brands fa-twitter"></i> Skype</a>
                    <a href="#"><i class="fa-brands fa-linkedin"></i> Linkedin</a>
                 </div> -->
              </div>
           </div>
        </div>
     </div>
  </div>
  <div id="header-sticky" class="tp-header-bottom header__sticky p-relative">
     <div class="tp-header-bottom-space p-relative">
        <div class="container-fluid gx-0">
           <div class="row gx-0 align-items-center">
              <div class="col-xxl-3 col-xl-3">
              <div class="tp-header-main-left d-flex align-items-center p-relative">
                 <div class="tp-header-hamburger-btn offcanvas-open-btn" data-background="/assets/img/icon/header-hamburger-shape.png">
                    <button class="hamburger-btn">
                       <span>
                          <svg width="29" height="24" viewBox="0 0 29 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                             <path d="M0 1.13163C0 0.506972 0.499692 0 1.11538 0H20.4487C21.0644 0 21.5641 0.506972 21.5641 1.13163C21.5641 1.7563 21.0644 2.26327 20.4487 2.26327H1.11538C0.499692 2.26327 0 1.7563 0 1.13163ZM27.8846 10.5619H1.11538C0.499692 10.5619 0 11.0689 0 11.6935C0 12.3182 0.499692 12.8252 1.11538 12.8252H27.8846C28.5003 12.8252 29 12.3182 29 11.6935C29 11.0689 28.5003 10.5619 27.8846 10.5619ZM14.5 21.1238H1.11538C0.499692 21.1238 0 21.6308 0 22.2555C0 22.8801 0.499692 23.3871 1.11538 23.3871H14.5C15.1157 23.3871 15.6154 22.8801 15.6154 22.2555C15.6154 21.6308 15.1157 21.1238 14.5 21.1238Z" fill="currentColor"/>
                             </svg>
                       </span>
                    </button>
                    </div>
                    <div class="tp-header-logo">
                       <a href="<%= web_homepages_path %>">
                          <img src="<%= @company.logo_url %>" alt="" width="50">
                       </a>
                    </div>
                 </div>
                 </div>
              <div class="col-xxl-6 col-xl-6 d-none d-xl-block">
                 <div class="tp-main-menu-area counter d-flex align-items-center">
                    <div class="tp-main-menu menu-icon">
                       <nav id="tp-mobile-menu">
                          <ul>
                             <li class="has-dropdown">
                                <a href="<%= web_homepages_path %>">主页</a>
                                <ul class="submenu">
                                   <li><a href="<%= web_homepages_path %>">公司简介</a></li>
                                </ul>
                             </li>
                             <li><a href="<%= about_us_web_homepages_path %>">关于我们</a></li>
                             <!-- <li class="has-dropdown"><a href="service.html">服务</a>
                             <ul class="submenu">
                                <li><a href="service.html">服务</a></li>
                                <li><a href="service-details.html">服务详情 </a></li>
                             </ul> -->
                             </li>
                             <!-- <li class="has-dropdown">
                                <a href="#">页面</a>
                                <ul class="submenu">
                                   <li><a href="portfolio.html">Portfolio</a></li>
                                   <li><a href="portfolio-details.html">Portfolio Details</a></li>
                                   <li><a href="team.html">Team</a></li>
                                   <li><a href="team-details.html">Team Details</a></li>
                                </ul>
                             </li> -->
                             <li class="has-dropdown"><a href="<%= blog_web_homepages_path %>">公司新闻</a>
                                <ul class="submenu">
                                    <% @article_categories.each do |article_category| %>
                                       <li><a href="<%= blog_web_homepages_path(cate: article_category.id) %>"><%= article_category.title %></a></li>
                                    <% end %>
                                </ul>
                             </li>
                             <li><a href="<%= contact_web_homepages_path %>" title="contact">联系我们</a></li>
                          </ul>
                       </nav>
                    </div>
                 </div>
              </div>
              <div class="col-xxl-3 col-xl-3">
              <div class="tp-header-main-right d-flex align-items-center justify-content-xl-end">
                 <div class="tp-header-search search-open-btn d-none d-xxl-block">
                    <!-- <a href="javascript:void(0);"> <i class="fa-regular fa-magnifying-glass"></i></a> -->
                 </div>
                    <div class="tp-header-btn d-none d-xl-block pl-40">
                       <a class="tp-btn" href="<%= contact_web_homepages_path %>">获取最新资讯</a>
                    </div>
                 </div>
              </div>
           </div>
        </div>
     </div>
  </div>
</header>
<!-- header area end -->